// 最终要导出一个封装好的 axios 对象
import axios from 'axios'
import { Toast } from 'vant'
import { delToken, getToken } from './storage'
import router from '@/router'

// 创建一个 axios 对象
const request = axios.create({
  baseURL: 'http://interview-api-t.itheima.net/h5/',
  timeout: 5000 // 超时时间, 如果一次请求超过 5s 就不等了, 直接报错
})

// 添加请求拦截器
request.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  // 添加 token 到请求头
  config.headers.Authorization = 'Bearer ' + getToken()
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
request.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  return response
}, function (error) {
  // 对响应错误做点什么
  // 统一处理注册失败的情况, 只要有 response 就提示
  // console.log('报错了:', error)
  if (error.response) {
    // 判断状态码是否为 401
    if (error.response.status === 401) {
      // token 失效 (过期 / 篡改 / 没有 token...)
      // 跳转到登录页 删除现在的 token
      // 这里没有 this 因为不在组件内
      // this.$router.push('/login')
      // router/index.js 导出的对象, 就是路由对象
      router.push('/login')
      // 删除已过期的 token
      delToken()
      Toast.fail('登录过期,请重新登录')
    } else {
      Toast.fail(error.response.data.message)
    }
  }
  // 抛出异常
  return Promise.reject(error)
})

export default request
